*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:'Nunito',sans-serif;color:#333}body{display:grid;place-items:center;background:linear-gradient(180deg,#00A2FF 0,#7ED3FF 100%);padding:1rem}main{background:#FFF;border-radius:12px;border:2px solid #DEDEDE;box-shadow:0 6px 0 0 #BDBDBD;padding:clamp(1.5rem,5vw,2.5rem);text-align:center;max-width:500px;width:100%;animation:a .5s ease-out .1s backwards}@keyframes a{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}img{width:100px;height:auto;margin-bottom:1rem;border-radius:8px}h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:900;margin-bottom:.75rem;line-height:1.2;color:#222}p{font-size:clamp(0.9rem,2.5vw,1rem);margin-bottom:1.5rem;line-height:1.5;color:#444}a{display:inline-block;background:#00A724;color:#FFF;font-weight:900;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;border-bottom:4px solid #00821B;text-transform:uppercase;transition:transform .1s ease,box-shadow .1s ease}a:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.1)}a:active{transform:translateY(1px);border-bottom-width:2px}